/*排序和功能按钮*/

#mod-function-box
{
}

#mod-function-box .button_base
{
    float : left
}

#mod-function-box .button_sort
{
    float : right
}




/*数据列表页面*/
.list-box {padding-bottom: 0px;/* overflow-x: auto; *//* overflow-x: scroll!important; */flex: 1;height: calc(100% - 200px);overflow-y: scroll;margin-top: 15px;}
.list-box #remark {
    cursor: pointer;
}

.list-box .icon{
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 7px;
    background-color: #cccccc;
    background-position: center;
    background-position: center;
    border: solid 1px #ececec;
    overflow: hidden;
    cursor: pointer;
}

/*固定于底部的功能栏*/
.list-box-function
{
    position: absolute;
    bottom: 8px;
    background: #fff;
    width: calc(100% - 32px);
    left: 0;
    z-index: 10;
    padding: 10px 0 10px 0;
    /* text-align: left; */
    box-shadow: aliceblue;
    border-top: solid 1px #ececec;
    background-color: #ffffff;
    margin: 0px 0px 0px 15px;
    /* box-shadow: 0px 0px 10px 0px #888888; */
    bottom: 0px;
    /* border: solid 1px #cccc; */
    flex: 1;
}



/*列表页面的按钮栏*/
#mod-function-box{
    margin-top: 15px;
    overflow: hidden;
}



/*没有数据的时候，表格会显示一个提示，并且居中*/
.no_data{text-align: center;}